<template>
  <div style="width: 80%">
    <div v-for="i in this.courseList" :key="i.courseId">
      <crscard :classInfo="i"></crscard>
    </div>
  </div>
</template>

<script>
import Crscard from "./Crscard";
import stuInfo from "../../store/student";

export default {
  components: { Crscard },
  computed: {
    courseList() {
      return stuInfo.getters.getCourseList;
    },
  },
  data() {
    return {
      lists: [1, 2, 3, 4],
    };
  },
  mounted() {
    // console.log("list", this.courseList);
  },
};
</script>

<style>
</style>